<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加好友</title>

    <link type="text/css" rel="stylesheet" href="../css/public/public.css">
    <link type="text/css" rel="stylesheet" href="../css/module/addFriend.css">

    <script src="../js/jquery.min.js"></script>
    <script src="../js/compatible.js"></script>
    <script src="../js/qwebchannel.js"></script>
    <script src="../js/addFriend.js"></script>

</head>
<body>

<div class="search">
    <em class="iconn-21 search-icon"></em>
    <input type="text" id="search-input" class="search-input" placeholder="请输入账号进行搜索">
    <em id="deleteIcon" class="iconn-11 active hideList"></em>
</div>
<div id="userInfo-div" class="userInfo" style="display: none;">
    <table class="userInfo-table">
        <tbody>
        <tr>
            <td>
                <img id="avatar" class="userInfo-avatar" src=""/>
            </td>
            <td>
                <p id="username"></p>
            </td>
            <td>
                <button id="add-btn" class="add-btn">加为好友</button>
            </td>
        </tr>
        </tbody>
    </table>

</div>

<div class="hover_div" id="hover_div" style="display: none;">
</div>
<div class="extra_window" id="extra_window" style="display: none;">
    <textarea id="extra" class="extra_info" placeholder="认证信息"></textarea>
    <button class="extra_btn" id="cancel">取消</button>
    <button class="extra_btn" id="confirm">确定</button>
</div>

<div class="tip">
    <p id="tip"></p>
</div>

</body>
</html>